<!-- Form Page-->
<div data-page="form" class="page no-toolbar">
    <div class="page-content">
        <div class="content-block-title">注册样式</div>
        <div class="list-block">
            <ul>
                <li>
                    <div class="item-content">
                        <div class="item-media"><i class="icon icon-form-name"></i></div>
                        <div class="item-inner">
                            <div class="item-title label">姓名</div>
                            <div class="item-input">
                                <input type="text" placeholder="请输入您的名字...">
                            </div>
                        </div>
                    </div>
                </li>
                <!--<li>
                    <div class="item-content">
                        <div class="item-media"><i class="icon icon-form-email"></i></div>
                        <div class="item-inner">
                            <div class="item-title label">E-mail</div>
                            <div class="item-input">
                                <input type="email" placeholder="E-mail">
                            </div>
                        </div>
                    </div>
                </li>-->
                <!--<li>
                    <div class="item-content">
                        <div class="item-media"><i class="icon icon-form-url"></i></div>
                        <div class="item-inner">
                            <div class="item-title label">URL</div>
                            <div class="item-input">
                                <input type="url" placeholder="URL">
                            </div>
                        </div>
                    </div>
                </li>-->
                <li>
                    <div class="item-content">
                        <div class="item-media"><i class="icon icon-form-password"></i></div>
                        <div class="item-inner">
                            <div class="item-title label">密码</div>
                            <div class="item-input">
                                <input type="password" placeholder="请输入您的密码...">
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-content">
                        <div class="item-media"><i class="icon icon-form-tel"></i></div>
                        <div class="item-inner">
                            <div class="item-title label">电话</div>
                            <div class="item-input">
                                <input type="tel" placeholder="请输入您的电话">
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-content">
                        <div class="item-media"><i class="icon icon-form-gender"></i></div>
                        <div class="item-inner">
                            <div class="item-title label">性别</div>
                            <div class="item-input">
                                <select>
                                    <option>男</option>
                                    <option>女</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-content">
                        <div class="item-media"><i class="icon icon-form-calendar"></i></div>
                        <div class="item-inner">
                            <div class="item-title label">出生日期</div>
                            <div class="item-input">
                                <input type="date" placeholder="生日" value="2014-04-30">
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-content">
                        <div class="item-media"><i class="icon icon-form-toggle"></i></div>
                        <div class="item-inner">
                            <div class="item-title label">默认登陆</div>
                            <div class="item-input">
                                <label class="label-switch">
                                    <input type="checkbox">
                                    <div class="checkbox"></div>
                                </label>
                            </div>
                        </div>
                    </div>
                </li>
                <!--<li>
                    <div class="item-content">
                        <div class="item-media"><i class="icon icon-form-settings"></i></div>
                        <div class="item-inner">
                            <div class="item-title label">Slider</div>
                            <div class="item-input">
                                <div class="range-slider">
                                    <input type="range" min="0" max="100" value="50" step="0.1">
                                </div>
                            </div>
                        </div>
                    </div>
                </li>-->
                <!--<li class="align-top">
                    <div class="item-content">
                        <div class="item-media"><i class="icon icon-form-comment"></i></div>
                        <div class="item-inner">
                            <div class="item-title label">Textarea</div>
                            <div class="item-input">
                                <textarea></textarea>
                            </div>
                        </div>
                    </div>
                </li>-->
            </ul>
        </div>
        <div class="content-block">
            <div class="row">
                <div class="col-50">
                    <a href="#" class="button button-big button-fill color-red back">取消</a>
                </div>
                <div class="col-50">
                    <input type="submit" value="提交" class="button button-big button-fill color-green">
                </div>
            </div>
        </div>
        <!--<div class="content-block-title">Checkbox group</div>
        <div class="list-block">
            <ul>
                <li>
                    <label class="label-checkbox item-content">
                        <input type="checkbox" name="ks-checkbox" value="Books" checked>
                        <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
                        <div class="item-inner">
                            <div class="item-title">Books</div>
                        </div>
                    </label>
                </li>
                <li>
                    <label class="label-checkbox item-content">
                        <input type="checkbox" name="ks-checkbox" value="Movies">
                        <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
                        <div class="item-inner">
                            <div class="item-title">Movies</div>
                        </div>
                    </label>
                </li>
                <li>
                    <label class="label-checkbox item-content">
                        <input type="checkbox" name="ks-checkbox" value="Food">
                        <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
                        <div class="item-inner">
                            <div class="item-title">Food</div>
                        </div>
                    </label>
                </li>
                <li>
                    <label class="label-checkbox item-content">
                        <input type="checkbox" name="ks-checkbox" value="Drinks">
                        <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
                        <div class="item-inner">
                            <div class="item-title">Drinks</div>
                        </div>
                    </label>
                </li>
            </ul>
        </div>
        <div class="content-block-title">Radio buttons group</div>
        <div class="list-block">
            <ul>
                <li>
                    <label class="label-radio item-content">
                        <input type="radio" name="ks-radio" value="Books" checked>
                        <div class="item-inner">
                            <div class="item-title">Books</div>
                        </div>
                    </label>
                </li>
                <li>
                    <label class="label-radio item-content">
                        <input type="radio" name="ks-radio" value="Movies">
                        <div class="item-inner">
                            <div class="item-title">Movies</div>
                        </div>
                    </label>
                </li>
                <li>
                    <label class="label-radio item-content">
                        <input type="radio" name="ks-radio" value="Food">
                        <div class="item-inner">
                            <div class="item-title">Food</div>
                        </div>
                    </label>
                </li>
                <li>
                    <label class="label-radio item-content">
                        <input type="radio" name="ks-radio" value="Drinks">
                        <div class="item-inner">
                            <div class="item-title">Drinks</div>
                        </div>
                    </label>
                </li>-->
            </ul>
        </div>
    </div>
</div>